body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,a {margin:0;padding:0}
img {border:0;vertical-align:top}
li {list-style:none}
iframe {border:none}
html {height:100%;font-size: 10px; color:#333;}
body {height:100%;font:400 140%/1.5 'PingFang SC','Microsoft Yahei','Avenir','Segoe UI','Hiragino Sans GB',STHeiti,'Microsoft Sans Serif','WenQuanYi Micro Hei',sans-serif;background:rgba(0,160,233,.1);}
a {color:#333;text-decoration:none}
a:hover {color:#00A0E9;}
.cf:after,.cf after,.cf:before,.cf before {content:" ";display:table}
.cf:after,.cf after,.clearfix:after,.clearfix after {clear:both}
.fl {float:left}
.fr {float:right}
h1,h2,h3,h4,h5 {font-size:100%;font-weight:normal}
.bold {font-weight:bold}
.dis {display:block}
.undis {display:none}
.wp {width:1530px;margin:0 auto;display:block;}

/*header*/
.header {position:fixed; overflow: hidden; z-index:99999;top:0;left:0;right:0;transition:top 1s;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.headhide {top:-100px;}
.headtop{height:40px; background:#333; color: #eee;}
.headtop span{line-height: 20px; margin-top: 10px;}
.headtop i{font-size: 14px; margin-left: 30px;}
.headtop i a{color: #eee;}
.language { position: relative;display: inline-block;}
.language-content { display: none;position: absolute;background-color: #f9f9f9; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);padding:5px 10px;border-radius: 2px;left: 40px;top: 20px;;z-index: 9999;}
.language:hover .language-content {display: block;}
.headtophide{display: none;}
.headmain {height:100px;position:relative;}
.logo{width: 80px; height: 100px;}
nav{height:40px; line-height:40px; margin:30px 0 0 300px;}
nav ul li{float:left;}
nav .nav-item{margin-left:60px;}
nav .nav-link{font-size:16px;}
nav .active{font-weight:700; color:#00A0E9; position: relative;}
.search-icon{margin-top:35px;}
.search-icon i{font-size:20px; font-weight:bold; cursor: pointer;}
.search-icon i:hover{color:#00A0E9;}
.search-box{ position: absolute; top: 30px; right: 0; width: 70%; padding-right: 15%; height:40px; background:rgba(255,255,255,.9); display: none; animation: fadein 0.5s;}
@keyframes fadein {0% {transform: translate(100%, -100%);}100% {transform: none;}}
.headmain .open{display: block; }
.search-form {width: 60%; margin: 0 auto; position: relative;}
.search-form input{width: 90%; height: 38px; padding: 0 10px; border: 1px solid #999; border-radius: 0; position: absolute; right: 0; top: 0; outline: none;}
.search-form button{font-size: 20px; font-weight: bold; cursor: pointer; background: none; border: 0; position: absolute; right: 10px; top: 8px; color: #999;}
.search-form .close{font-size: 20px; position: absolute; right: -30px; top: 5px; color: #999; cursor: pointer;}

main{padding-top: 40px;overflow: hidden;}

/*slide*/
.slide{ margin-top:120px; position:relative; height:500px;} 
.slide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; box-shadow:0 0 5px rgba(0,0,0,0.05); border-radius: 4px;} 
.slide .bd ul{ width:100% !important; } 
.slide .bd li{ width:100% !important; height:500px; overflow:hidden; text-align:center; border-radius: 4px;} 
.slide .bd li img{border-radius: 4px; word:100%; height:100%;}
.slide .bd li a{ display:block; height:500px; } 
.slide .radian{ width:100%; position:absolute; z-index:1; bottom:0; left:0; height:200px; background: url(../img/banner_bg.svg) no-repeat; background-size: 100%;} 
.slide .prev, .slide .next{ display:block; position:absolute; z-index:1; top:0px; width:100px; text-align:center; line-height:500px; height:500px; filter:alpha(opacity=50);opacity:0.5; cursor:pointer; display:none;}
.slide .prev i, .slide .next i{font-size:100px; color:#fff; text-shadow: 0px 0px 10px rgba(0,0,0,.8);}
.slide .prev{ left:0; right:auto;}
.slide .next{ left:auto; right:0;}

/*home product*/
.inpro{overflow: hidden; position: relative; margin-top: -80px; padding: 100px 0 30px; z-index: 99; min-height: 800px;}
.inpro-box{position: absolute;} 
.inpro-box h3{margin: 50px 0 0 50px; font-size: 36px; color: #00A0E9; font-weight: bold;}
.inpro-box h4{margin-left: 50px; font-size: 18px; text-transform:uppercase; color: #999;}
.inpro-box ul{margin: 80px 0 0 50px;}
.inpro-box ul.fct{width: 300px;}
.inpro-box ul.fct li{width: 100px; float: left;}
.inpro-box li a{border: #999 solid 1px; padding:5px 10px; line-height: 40px; font-size: 16px;}
.inpro-box li a:hover{border: 1px solid #00A0E9;}
.inpro-content1{width: 880px;height: 400px; }
.inpro-content2{width: 620px;height: 400px; }
.inpro-content3{width: 490px;height: 330px; }
.inpro-content1,.inpro-content2,.inpro-content3{background: #fff; box-shadow:0 0 5px rgba(0,0,0,0.05); border-radius: 4px; position: relative;}
.inpro-img1{width: 320px; height: 400px; position: absolute; right: 20px; top: 0px; z-index: 111;}
.inpro-img2{width: 400px; height: 400px; position: absolute; right:0; top: 0; z-index: 111;}
.inpro-img3{width: 160px; height: 400px; position: absolute; right:0; top: -60px; z-index: 111;}
.inpro-img4{width: 200px; height: 200px; position: absolute; right:30px; top: 100px; z-index: 111;}
.inpro-img5{width: 200px; height: 300px; position: absolute; right:10px; top: 15px; z-index: 111;}
.inpro-img1 img,.inpro-img2 img,.inpro-img3 img,.inpro-img4 img,.inpro-img5 img{width: 100%;}
.inpro-interval-right{margin-right:30px;}
.inpro-interval-bottom{margin-bottom:50px;}

/*home solution*/
.incase{overflow: hidden;background:#fff url(../img/solution.png) no-repeat; box-shadow:0 0 5px rgba(0,0,0,0.05); border-radius: 4px; margin-bottom: 60px;}
.incase .cat{width: 260px; padding-top: 160px; text-align: right;}
.incase .cat li{line-height: 40px; font-size: 18px;}
.incase .cat li a{text-decoration:underline;}
.incase .list{padding: 50px 50px 20px 0; width: 1160px;}
.incase .list li{width: 260px; float: left; margin-left: 30px;}
.incase .list li img{width: 260px; height: 150px;}
.incase .list li p{font-size: 16px; line-height: 30px; margin-bottom: 20px;}

/*home About*/
.inabout{background:#333 url(../img/hongkong.jpg) no-repeat center top; background-attachment: fixed; width: 100%; padding: 60px 0; background-size: cover; color: #fff; overflow: hidden;}
.headquarters{width: 490px; height: 390px; overflow: hidden; border-radius: 4px; }
.headquarters img{width: 490px; height: 390px; display: block; object-fit: cover; transition: all 1s;}
.headquarters:hover img{transform: scale(1.1, 1.1);}
.inabout .info{width: 990px;}
.inabout .info h3{font-size: 36px; margin-bottom: 24px;}
.inabout .info p{font-size: 16px; text-align: justify; line-height: 30px;}
.inabout .info .link{ margin: 20px 0 50px;}
.inabout .info .link a{color: #fff; border: 1px solid #fff; padding: 4px 20px 6px; margin-right: 30px;}
.inabout .info .link a:hover{background: #fff; color: #00A0E9;}
.inabout .info ul{overflow: hidden;}
.inabout .info li{float: left; margin-right: 90px;}
.inabout .info li:last-child{margin-right:0;}
.inabout .info li h4{font-family: Oswald,sans-serif; text-align: center; font-size: 60px; line-height: 60px; position: relative;}
.inabout .info li h4 span{position: absolute; right: -20px; top: 0; line-height: 30px; font-size: 30px;}

/*Classics customers*/
.class-cs{overflow: hidden;padding:60px 0 30px;}
.class-cs ul{width:1560px; padding-top: 30px;}
.class-cs ul li{float: left; width: 230px; height: 115px; margin:0 30px 30px 0; cursor: pointer; overflow: hidden;}
.class-cs ul li img{width: 230px; height: 115px; border-radius: 4px; box-shadow:0 0 5px rgba(0,0,0,0.05);display: block; object-fit: cover; transition: all 1s;}
.class-cs ul li:hover img{transform: scale(1.1, 1.1);}

/*home title*/
.intit{overflow: hidden;text-align: center;}
.intit h3{font-size: 36px; font-weight: bold;}
.intit p{font-size: 18px;}

/*home news*/
.honews{overflow: hidden;}
.news-box{overflow: hidden;padding: 30px 0 60px;}
.topnews{width: 620px; height: 460px; background: #fff; margin-right: 30px;}
.topnews .pico{width: 620px; height: 310px; overflow: hidden;}
.topnews .pico img{width: 620px; height: 310px;}
.topnews .text{padding: 20px;}
.topnews .text h3{font-size: 24px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.topnews .text span{color: #999; line-height: 30px;}
.news-box span a{color: #999; }
.news-box span a:hover{color: #00A0E9;}
.topnews .text p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.twonews{width: 360px; height: 460px;}
.twonews li{width: 360px; height: 220px; overflow: hidden; margin-bottom: 20px; position: relative;}
.twonews li img{width: 360px; height: 220px;}
.twonews li .text{display: none; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); color: #fff; padding: 10px 20px; font-size: 16px; line-height: 18px;}
.twonews li:hover .text{display: block;}
.topnews .pico img,.twonews li img{display: block; object-fit: cover; transition: all 1s;}
.topnews .pico img:hover,.twonews li img:hover{transform: scale(1.1, 1.1);}
.listnews{width: 490px; height: 460px; background: #fff;}
.listnews ul{padding:10px 20px 0;}
.listnews li{border-top: 1px #ccc dotted; padding: 9px 0 13px;}
.listnews li:first-child{border-top: 0;}
.listnews h3{font-size: 18px; line-height: 30px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.listnews span{color: #999; line-height: 20px;}

/*Column banner*/
.banner{width:100%; height:800px;}
.pro-banner{width:100%; height:400px; background: url(../img/hongkong.jpg) no-repeat center center; background-attachment: fixed; }
.news-banner{width:100%; height:400px;}
.slogan{color: #fff; padding-top: 200px;}
.slogan h3{font-size: 48px;}
.slogan h4{font-size: 24px; text-transform:uppercase; font-weight: 300;}

/*about*/
.about{overflow: hidden; position: relative; margin-top: -400px; background: #fff url(../img/about.png) no-repeat right 50px top; padding: 60px 0; z-index: 99; box-shadow:0 0 5px rgba(0,0,0,0.05); border-radius: 4px;}
.about .text{width: 720px; padding-left: 60px;}
.about .text h1{font-size: 24px; position:relative; margin-bottom: 30px;}
.about .text h1::after{content: ''; position: absolute; width: 48px; height: 3px; left: 0; bottom: -3px; background: #00A0E9;}
.about .text p{font-size: 16px; line-height:2; text-align: justify; }
.digital{background: url(../img/worldmap.png) no-repeat center top 80px; background-size: 60%; overflow: hidden; text-align: center;}
.digital .title{padding: 60px 0;}
.digital .title h3{font-size: 36px; padding-bottom: 30px;}
.digital ul{overflow: hidden; padding: 30px 100px 100px;}
.digital li{float: left; width: 25%;}
.digital li h4{font-family: Oswald,sans-serif; font-size: 60px;}
.history{width: 100%;  padding:50px 60px; margin-bottom: 60px; background: #fff; float: left; box-sizing: border-box; box-shadow:0 0 5px rgba(0,0,0,0.05); border-radius: 4px;}
.history h3{font-size: 36px;}
.history-event .hd{text-align: center;}
.history-event .hd ul{padding:30px;}
.history-event .hd ul li{width: 12.5%; float: left; position: relative; font-size: 20px; line-height: 50px; height: 50px; border-bottom: 1px solid #ccc; cursor: pointer;}
.history-event .hd ul li.on{color: #00A0E9; border-bottom: #00A0E9 1px solid;}
.history-event .hd ul li::after{content: ''; position: absolute; z-index: 99; left: 50%; bottom: -5px; margin-left: -5px; width: 10px; height: 10px; border-radius: 10px; background: #ccc;}
.history-event .hd ul li.on::after{background: #00A0E9;}
.history-event .bd p{line-height: 30px;}
.history-event .bd img{border-radius: 30px;}

/*Inner Page*/
.innerpage{overflow: hidden; position: relative; margin-top: -400px; background-color: #fff; padding: 60px 0; box-shadow:0 0 10px rgba(0,0,0,0.15); border-radius: 4px; margin-bottom: 60px;}
.innerpage .text{width: 60%; padding-left: 60px; box-sizing: border-box;}
.innerpage .text h1{font-size: 24px; position:relative; margin-bottom: 30px;}
.innerpage .text h1::after{content: ''; position: absolute; width: 48px; height: 3px; left: 0; bottom: -3px; background: #00A0E9;}
.innerpage .text h3{color: #00A0E9; font-size: 18px; font-weight: bold;}
.innerpage .text p{font-size: 16px; text-align: justify; }
.innerpage .pic{box-sizing: border-box; width: 40%; padding: 60px 60px 0;}
.innerpage .pic img{max-width: 100%; text-align: center;}
.innerpage .text .pidurl{border: #333 solid 1px; border-radius:20px; padding: 4px 10px 5px;}
.innerpage .text .pidurl:hover{border: #00A0E9 solid 1px;}

/*contact*/
.contact{overflow: hidden; position: relative; margin-top: -400px; background: #fff; padding: 60px 0; z-index: 99; box-shadow:0 0 5px rgba(0,0,0,0.05); border-radius: 4px; margin-bottom: 60px; }
.contact .info{width: 550px;padding-left: 60px;}
.contact .info h1{font-size: 24px; position:relative; margin-bottom: 30px;}
.contact .info h1::after{content: ''; position: absolute; width: 48px; height: 3px; left: 0; bottom: -3px; background: #00A0E9;}
.contact .info .tel{font-size: 36px; margin: 50px 0 10px; position:relative;}
.contact .info .tel span{position:absolute; left:235px; top:12px;color:#00A0E9; font-size:15px; line-height:15px;}
.contact .info img{width: 140px;}
.contact .info p{font-size: 16px; line-height: 2;}
.contact .info h3{font-size: 24px;}
.message{width: 720px; padding: 143px 60px 0 0;}
.message h3{font-size: 18px; margin-bottom: 20px;font-weight: bold; position:relative; padding-left: 8px;}
.message h3::after{content: ''; position: absolute; width: 3px; height: 17px; left: 0; top: 6px; background: #00A0E9;}
.form-box{overflow: hidden; margin-bottom: 20px; font-size: 16px;}
.message dl{width: 50%; float: left; }
.message dd{margin-bottom: 5px;}
.message .dl-all{width: 100%;}
.form-input{width: 300px; padding: 10px; border-radius: 0; border: #ccc 1px solid; outline: none;}
.form-radio{margin:0 3px 0 12px;}
.form-radio:first-child{margin-left: 0;}
.form-textarea{width: 660px; padding:10px; height: 80px; border-radius: 0; border: #ccc 1px solid; outline: none; resize: none;}
.form-submit{background: #00A0E9; color: #fff; border: 0; border-radius: 0; padding: 6px 30px 8px; font-size: 16px; cursor: pointer;}

/*Services*/
.services{overflow: hidden; position: relative; margin-top: -400px; background: #fff; padding: 60px 0 60px; z-index: 99; box-shadow:0 0 5px rgba(0,0,0,0.05); border-radius: 4px; margin-bottom: 60px; }
.services ul{padding: 0 60px; text-align: center; padding-top: 60px;}
.services li{width:16.6666%; float: left;}
.services li svg{width:80px;}
.services li .st1{fill:#333;}
.services li .st2{fill:#00A0E9;}
.whyus{overflow: hidden; }
.whyus ul{-moz-column-count:4; -webkit-column-count:4; column-count:4; -moz-column-gap:30px; -webkit-column-gap: 30px; column-gap: 30px; margin-top: 30px;}
.whyus li{background: #fff; box-shadow:0 0 5px rgba(0,0,0,0.05); box-sizing: border-box; padding: 20px; border-radius:4px;}
.whyus li img{width: 100%;}
.whyus li h4{ font-size: 18px; color: #00A0E9; line-height: 40px;}
.whyus li p{color: #999;}

/*advantage*/
.advantage{overflow: hidden; position: relative; margin-top: -400px; background: #fff; padding: 60px 0 60px; z-index: 99; box-shadow:0 0 5px rgba(0,0,0,0.05); margin-bottom: 60px;}
.rd{background: #333 url(../img/rd.jpg) no-repeat center top; background-attachment: fixed; width: 100%; padding: 60px 0; background-size: cover; overflow: hidden;}
.rd .text{background: #fff; padding: 30px; line-height: 30px; border-radius: 4px; box-shadow:0 0 5px rgba(0,0,0,0.05);}
.rd .text h3{font-size: 18px; color: #00A0E9; font-weight: bold;}
.rd .text p{position: relative; padding-left: 10px;}
.rd .text p::after{content: ''; position: absolute; width: 4px; height: 4px; border-radius: 4px; background: #333; left: 0; top: 13px;}
.concept{overflow: hidden; padding: 60px 0;}
.concept ul{-moz-column-count:4; -webkit-column-count:4; column-count:4; -moz-column-gap:30px; -webkit-column-gap: 30px; column-gap: 30px; margin-top: 30px;}
.concept li{background: #fff; box-shadow:0 0 5px rgba(0,0,0,0.05); box-sizing: border-box; padding: 20px; border-radius:4px;}
.concept li img{width: 100%;}
.concept li h4{text-align: center; color: #00A0E9; font-size: 18px; line-height: 40px;}
.production ol{list-style-type: none; counter-reset: sectioncounter; width: 1560px; padding: 30px 0 60px; overflow: hidden;}
.production li{width:360px; float: left; text-align: center;  box-sizing: border-box; border-radius: 30px; padding: 50px 30px 20px; margin-right: 30px; background: #fff; position: relative; }
.production li::before{position: absolute;background: #96d6f3;left: 50%;top: -30px; margin-left: -32px; content: counter(sectioncounter);width: 64px;height: 64px;line-height: 60px;border-radius: 60px;border: 5px solid #e5f5fc;text-align: center;font-family: Oswald,sans-serif;font-size: 36px;counter-increment: sectioncounter; color: #fff;}
.production li h4{font-size: 18px; color: #00A0E9; line-height: 40px;}

/*Inside boot*/
.inside-boot{padding: 0 100px; text-align: center;}
.inside-boot h3{font-size: 36px; font-weight: bold;}
.inside-boot h4{font-size: 18px; margin-bottom: 30px;}
.inside-boot p{text-align: left; font-size: 16px; margin-top: 1em; text-align: justify; color: #666;}

/*Merchants to join*/
.merchants{overflow: hidden; position: relative; margin-top: -400px; background: #fff; padding: 60px 0 60px; z-index: 99; box-shadow:0 0 5px rgba(0,0,0,0.05); border-radius: 4px; margin-bottom: 60px; }
.prospect{width: 1350px;}
.prospect li{width: 420px; overflow: hidden; float: left; margin-right: 30px; position: relative; margin-top: 30px;}
.prospect li img{width: 100%;}
.prospect li h5{position: absolute; top: 50%; left: 50%; color: #fff; font-size: 24px; margin-left: -48px; margin-top: -38px;}
.prospect li p{color: #00A0E9; margin-top: .5em;}
.quick-message{width: 50%; margin: 0 auto; padding: 0 0 90px;}
.quick-message form{margin-top: 30px;}
.quick-message input{box-sizing: border-box; background: #fff; height: 50px; padding: 10px; border: 2px solid #00A0E9; border-radius: 0; margin-right: 1%; font-size: 18px;}
.quick-message .name{width: 29%;}
.quick-message .tel{width: 39%;}
.quick-message .submit{width: 28%; border: 0; background: #00A0E9; color: #fff; cursor: pointer; height: 50px; box-sizing: border-box; border-radius: 0; margin: 0;}

/*product*/
.product{padding: 60px 0; overflow: hidden;}
.product .sort{background:#fff; width:360px; overflow:hidden; border:2px solid #b2e6ff; box-sizing: border-box;}
.product .sort .tit{height:45px; line-height:45px; padding:0 20px; position: relative;}
.product .sort .tit .leaflets{position: absolute; background: #f00; right: 15px; top: -8px; width: 80px; height: 20px; text-align: center; font-size: 14px; border-radius: 0 30px 0 30px; line-height: 20px;color:#fff; font-weight: bold;}
.product .sort ul li{line-height:45px; border-top: 1px solid #b2e6ff;}
.product .sort ul li.newproduct{position: relative;}
.product .sort ul li.newproduct::after{content: ''; position:absolute; left: 90px; top: 17px; background: url(../img/new.gif) no-repeat; width: 35px; height: 13px;}
.product .sort ul li span{ display: block; height: 100%; position: relative; padding: 0 20px;  }
.product .sort ul li span a.active{color:#00A0E9; font-weight: bold;}
.product .sort ul li span i{display: block; font-size:24px; height: 25px; line-height:25px; width: 25px; position: absolute; right: 10px; top:10px; transition: all 0.3s ease-out; transform: rotate(0deg);}
.product .sort ul li span i.action{transition: all 0.3s ease-out;transform: rotate(180deg);}
.product .sort ul li>dl{ display: none; padding:0 20px; background:#f0faff; border-top:1px solid #b2e6ff;}
.product .sort ul li dt{border-top:1px solid #b2e6ff;}
.product .sort ul li dt:first-of-type{border-top:0;}
.product .sort ul li>dl a{ display: block; height: 100%; width: 100%; font-size: 14px; color: #222; text-decoration: none; }
.product .sort ul li>dl a.active,.product .sort ul li>dl a:hover{color:#00A0E9;}
.product .right{width:1140px; overflow: hidden;}
.product .right .position{line-height:45px; height:45px; padding:0; border-bottom:1px #b2e6ff solid; margin-bottom:30px;}
.product .right .position .classname{font-size:18px;}
.product .classtype{width:1170px; overflow: hidden;}
.product .classtype li{float: left; margin: 0 30px 30px 0; width: 360px; height: 420px; background: #fff; }
.product .classtype li img{width: 360px; height: 360px; display: block; object-fit: cover; transition: all 1s;}
.product .classtype li img:hover{transform: scale(0.9, 0.9);}
.product .classtype li h3{font-size: 18px; line-height: 50px; margin-left: 30px;}
.product .list{width:1170px; overflow: hidden;}
.product .list li{float: left; margin: 0 30px 30px 0; box-sizing: border-box; padding-bottom: 20px; width: 360px; overflow: hidden; background: #fff; position: relative; transition: 1s; border: 1px solid #fff;}
.product .list li:hover{border: 1px solid #b2e6ff;}
.product .list li img{width: 360px; height: 360px; display: block; object-fit: cover; transition: all 1s;}
.product .list li img:hover{transform: scale(0.9, 0.9);}
.product .list li h3{font-size: 18px; line-height: 30px; margin:0 30px; font-weight: bold;}
.product .list li p{padding:0 20px 0 30px; line-height: 30px; color: #666; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.product .list .jiage{color: #f00;}
.product .list .new{background: url(../img/new.png) no-repeat; width: 60px; height: 60px; position: absolute; top: 0; right: 0; font-size: 0; z-index: 9;}
.product .details{padding: 30px; background: #fff; overflow: hidden; position: relative;}
.product .info{overflow: hidden;}
.product .patent{position: absolute; background: #fff; top: 30px; left: 30px; overflow: hidden; width: 170px; border: 2px solid #00A0E9; line-height: 18px;}
.product .patent span{display: block; float: left; width: 32px; padding: 5px; text-align: center; background: #00A0E9; color: #fff;}
.product .patent dl{float: right; margin: 5px 8px 0 0;}
.product .photo{width: 450px; height: 450px; border: 1px solid #ddd; box-sizing: border-box;position: relative;}
.product .photo img{width: 100%; height: 100%;}
.product .qrcode{position: absolute; bottom:5px; right:5px; width: 60px; height: 60px;}
.product .qrcode img{width: 60px; height: 60px;}
.product .text{width: 600px;}
.product .text .model{font-size: 24px; font-weight: bold; position: relative; display: inline-block;}
.product .text .model span{font-size: 0; background: url(../img/new.gif) no-repeat; width: 35px; height: 13px; display: block; position: absolute; top: 8px; right: -40px;}
.product .text h1{font-size: 18px;}
.product .text .price{color: #f00; font-size: 24px; position: relative; padding: 10px 0 0 10px; font-weight: 500;}
.product .text .price span{font-size: 16px; position: absolute; top: 13px; left: 0;}
.product .text .price button{background: #00A0E9; color:#fff; border: 0; font-size: 16px; padding:4px 12px 6px; border-radius: 4px; cursor: pointer; position: absolute; top: 12px; margin-left: 20px;}
.product .text .price button:hover{background: #0088ca;}
.product .text .price button i{font-size:18px;-webkit-animation: twinkling 1s infinite ease-in-out;}
@-webkit-keyframes twinkling{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes twinkling{ 0%{ opacity: 0; } 100%{ opacity: 1; } }
.product .text dl{margin-top: 1em;}
.product .text dt{font-weight: bold;}
.product .related {overflow: hidden;}
.product .related h3{font-weight: bold; margin-bottom: 5px;}
.product .related li{float:left; width:40px; padding:4px; height:40px; margin:0 10px 10px 0;  border:1px solid #e1e1e1;}
.product .related li.active,.product .details .related li:hover{border:1px solid #00A0E9;}
.product .related li img{width:40px; height:40px;}
.product .introduce {position: relative; margin-top: 20px;}
.product .introduce  section { display: none; border-top: 1px solid #ccc;}
.product .introduce  input {display: none;}
.product .introduce  label {display: inline-block; padding:0 20px 10px; margin-bottom: -2px;}
.product .introduce  label:hover { cursor: pointer;}
.product .introduce  input:checked + label { border-bottom: 3px solid #00A0E9; font-weight: bold;}
.product .introduce .v-intro{width: 800px; min-height: 450px; overflow: hidden; margin: 0 auto;}
.product .introduce .v-intro video{width: 800px; height: 450px; background: #000;}
.product .inquiry{width: 800px; padding-left: 20px; margin: 30px auto 50px;}
.product .inquiry-box{margin-bottom: 10px; overflow: hidden;}
.product .inquiry dl{width: 47.5%; float: left; margin-right: 2.5%; box-sizing: border-box;}
.product .inquiry dl.dl-all{width: 97.5%; box-sizing: border-box;}
.product .inquiry input{padding: 10px; height: 40px; }
.product .inquiry textarea{padding: 10px; height: 80px; resize:none;}
.product .inquiry input,.product .inquiry textarea{width: 100%; display: block; box-sizing: border-box; border-radius: 0; border: #ccc 1px solid; outline: none;}
.pro-table{border-spacing:0;border-top:1px solid #ddd; border-left:1px solid #ddd; width: 100%;}
.pro-table .first{background: rgb(235, 235, 235); background: -webkit-linear-gradient(to top, rgb(235, 235, 235), rgb(255, 255, 255));  background: linear-gradient(to top, rgb(235, 235, 235), rgb(255, 255, 255)); font-weight:bold; line-height:30px;}
.pro-table tbody{border-spacing:0;}
.pro-table tr{margin:0;}
.pro-table td{margin:0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:0 10px;}
.pro-table td img{width:40px; height:40px;}

/*News list*/
.news{padding: 30px 0 60px; overflow: hidden;}
.newstype{font-size: 18px; text-align: center; margin-bottom: 30px;}
.newstype a{margin: 0 10px; line-height: 30px;}
.newstype .active{position: relative; color: #00A0E9;}
.newstype .active::after{content: ''; position: absolute; height: 3px; background: #00A0E9; left: 0; right: 0; bottom: -5px;}
.news .grid{width:1560px; overflow: hidden;}
.news .grid-item{overflow: hidden; width:490px; float: left; margin:0 30px 30px 0; padding: 20px; box-sizing: border-box; box-shadow:0 0 5px rgba(0,0,0,0.05); background: #fff; }
.news .grid-item .litpic{overflow: hidden; width:100%; height: 250px; }
.news .grid-item .litpic img{width:100%; height: 250px; display: block; object-fit: cover; transition: all 1s;}
.news .grid-item .litpic:hover img{transform: scale(1.1, 1.1);}
.news .grid-item h3{font-size: 18px; margin: 10px 0; font-weight: 500; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;} 
.news .grid-item p{color: #999;}
.news .content{width:100%; background: #fff; box-sizing: border-box; padding: 30px 60px; position: relative;}
.news h1{font-size: 36px; line-height: 1.2; padding: 30px 0;}
.news .meta{color: #999;} .news .meta a{color: #999;} .news .meta a:hover{color: #00A0E9;} 
.news .text{width: 880px; padding: 30px 0; font-size: 16px; text-align: justify;}
.news .text p{margin-bottom: .5em;}
.news .text img{max-width: 100%;}
.news .text video{width: 800px; height: 450px; background: #000;}
.news .text p.statement{color: #ccc; font-size: 14px;}
.news .related{position: absolute; right: 60px; top: 200px; width: 460px; background: #efefef; overflow: hidden; box-sizing: border-box; padding: 15px; border-radius: 4px;}
.news .related h3{font-size: 16px; font-weight: bold;}
.news .related ul{width: 100%;}
.news .related li{font-size: 14px; box-sizing: border-box; padding-left: 20px; position: relative; line-height: 1.3; margin: 15px 0;}
.news .related li::before{position: absolute; left: 0; font-family: "iconfont" !important; content: "\e76c";}

/*Video list*/
.video{overflow: hidden; position: relative; margin-top: -400px; background: #fff; padding: 30px 0 30px; z-index: 99; box-shadow:0 0 5px rgba(0,0,0,0.05); margin-bottom: 60px;}
.video .grid{position: relative; padding:0 60px;}
.video .grid section { display: none;}
.video .grid input {display: none;}
.video .grid label {display: inline-block; padding:0 20px 10px; font-size: 18px;  }
.video .grid label:hover { cursor: pointer;}
.video .grid input:checked + label { border-bottom: 3px solid #00A0E9; font-weight: bold;}
#tab1:checked ~ #content1,#tab2:checked ~ #content2,#tab3:checked ~ #content3,#tab4:checked ~ #content4,#tab5:checked ~ #content5{ display: block; padding-top:20px;}
.video .list{width: 1440px; overflow: hidden;}
.video .list li{width: 450px; overflow: hidden; margin-right: 30px; float: left; position: relative;}
.video .list li i{width: 64px; height: 64px; font-size: 64px; margin-top: -52px; margin-left: -32px; line-height: 64px; background: rgba(255,255,255,.5); position: absolute; top:50%; left: 50%; transition:all 1s;border-radius: 50%;} 
.video .list li:hover i{background: rgba(255,255,255,.8); transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.video .list li img{width: 100%; border-radius: 4px;}
.video .list li p{line-height: 40px;}

/*leaflets*/
.leaflets{width: 1440px; margin-top: 20px; overflow: hidden;}
.leaflets li{float: left; width: 210px; margin:0 30px 30px 0; box-sizing: border-box; text-align: center;}
.leaflets li img{border: 1px solid #ddd; padding: 4px; width: 200px; height: 280px;}
.leaflets li h3{font-size: 16px; font-weight: bold; line-height: 30px; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.leaflets li p a{line-height:20px; margin: 0 5px; color: #666;}
.leaflets li p a:hover{color: #00A0E9;}

/*Case list*/
.case{overflow: hidden; position: relative; margin-top: -400px; background: #fff; padding: 60px 0 30px; z-index: 99; border-radius: 4px; box-shadow:0 0 5px rgba(0,0,0,0.05); margin-bottom: 60px;}
.case .subnav{width: 210px; padding: 100px 0 0 60px; text-align: right; background:url(../img/solution.png) no-repeat right top -40px;}
.case .subnav li{line-height: 40px; font-size: 18px; position: relative;}
.case .subnav li a{text-decoration:underline;}
.case .subnav li a.active,.case .subnav li a:hover{color: #00A0E9; padding-right: 20px;}
.case .subnav li a.active::before,.case .subnav li a:hover::before{position: absolute; right: 0; font-family: "iconfont" !important; content: "\e76c";}
.case .list{width: 1140px; overflow: hidden; margin-right: 60px;}
.case .list ul{width: 1170px;}
.case .list li{width: 360px; margin-right: 30px; float: left;}
.case .list li img{padding: 4px; border: 1px solid #ccc; box-sizing: border-box; width: 100%;}
.case .list li h3{font-size: 16px; line-height: 40px;}
.case-details{overflow: hidden; position: relative; margin-top: -400px; background: #fff; z-index: 99; box-shadow:0 0 5px rgba(0,0,0,0.05); border-radius: 4px; margin-bottom: 60px;}
.case-details .content{padding: 30px 60px;}
.case-details .content h1{font-size: 36px; line-height: 1.2; padding: 30px 0;}
.case-details .content .text{font-size: 16px;}
.case-details .content .wf-container {margin:0 -5px;}
.case-details .content .wf-container:before,.case-details .content .wf-container:after { content: ''; display: table;}
.case-details .content .wf-container:after { clear: both;}
.case-details .content .wf-column {float: left;}
.case-details .content .wf-box { margin:10px 5px; background: #fff;}
.case-details .content .wf-box img { display: block; width: 100%; border-radius:4px; cursor: pointer;}

/*download*/
.download{width: 100%; background: #fff; overflow: hidden;}
.filelist{overflow: hidden; }
.filelist dl{border: 1px solid #ccc; border-top: 0; overflow: hidden; line-height: 50px;}
.filelist .first{background: #ececec; font-weight: bold; height: 36px; border-top: 1px solid #ccc; border-bottom: 2px solid #ccc;}
.filelist .first dd{line-height: 36px; padding: 0;}
.filelist .first .filename{padding-left: 60px;}
.filelist dd{box-sizing: border-box; float: left; line-height: 32px; padding: 9px 0;}
.filelist .filename{width: 60%; padding-left: 20px; border-right: 1px solid #ccc;}
.filelist .filename a{display:block; height:32px; padding-left:40px; background:url(../img/file_icon.png) no-repeat;}
.filelist .filename a.app{background-position:0 0;}
.filelist .filename a.word{background-position:0 -37px;}
.filelist .filename a.sys{background-position:0 -74px;}
.filelist .filename a.web{background-position:0 -111px;}
.filelist .filename a.apple{background-position:0 -148px;}
.filelist .filename a.music{background-position:0 -185px;}
.filelist .filename a.question{background-position:0 -222px;}
.filelist .filename a.pdf{background-position:0 -259px;}
.filelist .filename a.picture{background-position:0 -296px;}
.filelist .filename a.ppt{background-position:0 -333px;}
.filelist .filename a.flash{background-position:0 -370px;}
.filelist .filename a.txt{background-position:0 -407px;}
.filelist .filename a.video{background-position:0 -444px;}
.filelist .filename a.excel{background-position:0 -481px;}
.filelist .filename a.file1{background-position:0 -518px;}
.filelist .filename a.file2{background-position:0 -555px;}
.filelist .filename a.file3{background-position:0 -592px;}
.filelist .filename a.file4{background-position:0 -629px;}
.filelist .filename a.rar{background-position:0 -666px;}
.filelist .classify{width: 20%; text-align: center; border-right: 1px solid #ccc;}
.filelist .operate{width: 20%; text-align: center;}
.filelist .last{height: 36px; border-top: 1px solid #ccc; background: #efefef;}
.filelist .last dd{padding:0 20px;line-height: 36px; text-align: center; width: 100%; }
.filelist .last dd a{margin: 0 5px;}
.filelist .last dd a.active{color: #00A0E9; font-weight: bold;}
.filelist .last dd a.disabled{display: none;}
.filedisplay{overflow: hidden; padding:0 30px 30px; background: #fff;}
.filedisplay h1{font-size: 24px; line-height: 60px; text-align: center;}
.filedisplay .info{text-align: center; padding: 30px;}
.filedisplay .info img{max-width: 100%; margin-bottom: 30px;}

/*Pagination*/
.pagination{overflow: hidden; text-align: center; }
.pagination .page-link{display: inline-block; width:30px; height:30px; line-height:30px; font-size: 18px; margin: 0 5px; border-radius: 50%;}
.pagination .page-link i{font-size: 20px;}
.pagination .active{background: #00A0E9; color: #fff;}
.pagination .disabled{display: none;}

/*footer*/
.footer{background: #fff; overflow: hidden; padding-top: 50px;}
.footer .info{overflow: hidden; padding:10px 0 40px;}
.footer .info dl{float: left; width: 260px;}
.footer .info dt{color: #999; margin-bottom: 20px;}
.footer .info dd{line-height: 30px;}
.footer .info .lx{width: 610px; padding: 40px 0 0 0;}
.footer .info .follow{width: 130px; float: right;}
.footer .info .follow img{width:100%;}
.footer .copy{background: #00A0E9; height: 50px; line-height: 50px; color: #fff;}
.footer .copy a{color: #fff;}
footer .links{overflow:hidden; padding:10px 0; line-height:30px;}
footer .links li{float:left; margin-right:14px;}

/*tags*/
.tags{padding:30px 0 50px; overflow:hidden;}
.tags .yun{background:#fff; padding:30px 0px 10px 20px; overflow:hidden; line-height:40px;}
.tags .yun dl{overflow:hidden; margin-bottom: 20px; position: relative;}
.tags .yun dt{width:40px; text-align: center; font-size: 18px; font-weight: 700; position: absolute; top: 0; left: 0;}
.tags .yun dd{width:100%; overflow:hidden; box-sizing: border-box; padding-left: 60px;}
.tags .yun a{display: block; float: left; width:12.5%;}
.tags .wf-container {margin: 0 auto;}
.tags .wf-container:before,.tags .wf-container:after { content: ''; display: table;}
.tags .wf-container:after { clear: both;}
.tags .wf-box { margin: 20px 10px; background: #fff; padding: 12px; border-radius: 4px; position: relative;}
.tags .wf-box span{position:absolute; top:12px; left:12px; background:#333; border-radius: 4px 0 30px 4px; color:#fff; padding:2px 15px 4px 10px;}
.tags .wf-box img { display: block; width: 100%; border-radius:4px;}
.tags .wf-box .content {  border-top-width: 0;padding-top: 5px;}
.tags .wf-column {float: left;}
.artile_tag{margin: 1rem 0;}
.artile_tag a{padding: 4px 10px; border: 1px solid #ccc; background: #efefef; font-size: 14px; border-radius: 20px; margin-right: 10px;}
.artile_tag a:hover{border: 1px solid #00A0E9;}

.error404{background:url(../img/404.png) no-repeat center top 150px; color:#B7AEB4; font-size:18px; padding:350px 0 80px; margin-top:50px; text-align:center; }
.error404 h1{font-size:36px; line-height:60px;}
.error404 p{text-shadow: 0px 1px 2px #fff; line-height:40px;}

/*Right customer service*/
.right-cs{position: fixed; z-index: 999999; bottom:200px; right: 20px; width: 64px; background: #fff; border-radius: 4px; box-shadow:0 0 5px rgba(0,160,233,0.5);}
.right-cs dl{text-align: center; font-size: 12px; border-top: 1px solid rgba(0,160,233,0.2); color: #666; width: 64px; height: 74px; cursor: pointer; position: relative;}
.right-cs dl:first{border-top: 0;}
.right-cs .kf::after{width: 8px; height: 8px; background: #f00; border-radius: 50%; position: absolute; content:""; right: 8px; top: 8px;}
.right-cs dl a{color: #666;}
.right-cs dl:hover a,.right-cs dl:hover dd{color: #00A0E9;}
.right-cs dt{width: 40px; height: 40px; padding: 8px 12px 0;}
.right-cs dt svg{transition:all 1s;}
.right-cs dt:hover svg{transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.right-cs .cls-1{fill: #666;} .right-cs .cls-2{fill: #00A0E9;}
.right-cs .shan{-webkit-animation: twinkling 1s infinite ease-in-out;}
.right-cs .a-tel{width: 180px; height: 50px; padding: 15px 0 15px 80px; background:#fff url(../img/a-tel.png)  no-repeat; position: relative;}
.right-cs .a-tel h3{font-size: 14px; list-style: 20px;}
.right-cs .a-tel p{font-size: 24px; font-weight: 500; line-height: 30px; color: #00A0E9;}
.right-cs .a-weixin{width: 140px; height: 170px; padding: 20px 20px 5px; background: #fff; position: relative;}
.right-cs .a-weixin img{width: 140px; height: 140px;}
.right-cs .a-weixin p{text-align: center; line-height: 30px; font-size: 14px;}
.right-cs .a-tel::after,.right-cs .a-weixin::after{position: absolute; content:"";right:-5px;top:14px;width:0;height:0;border-bottom:5px solid transparent;border-left:5px solid #c6e9f9;border-top:5px solid transparent;}
.right-cs .d{ position: absolute; text-align: left; top:-1px; right:74px; animation: twinkling 1s; border-radius: 4px; border: 1px solid #c6e9f9; display: none;}
@-webkit-keyframes twinkling{ 0%{ opacity: 0; } 100%{ opacity: 1; } } @keyframes twinkling{ 0%{ opacity: 0; } 100%{ opacity: 1; } }
.right-cs dl:hover .d{display: block;}
.right-cs .a-top{display: none; background: #ccecfb; border-radius: 0 0 4px 4px;}

/*Tencent yzf*/
.theme-popover {z-index:9999999;position:fixed;bottom:50%;right:50%;width:800px;height:600px;margin-right:-400px;margin-bottom:-300px;background-color:#fff;display:none;box-shadow:0 0 20px 0 rgb(0 0 0 / 20%);}
.theme-poptit {position:absolute;top:4px;right:4px;}
.theme-poptit i{color:#fff; background: #f00; border-radius: 50%;}
.theme-popbod {color:#444;height:148px;}
.theme-popbom {padding:15px;background-color:#f6f6f6;border-top:1px solid #ddd;border-radius:0 0 5px 5px;color:#666}
.theme-popbom a {margin-left:8px}
.theme-poptit .close {position:relative;right:-10px;top:-15px;}
.theme-poptit .close:hover {color:#444;}

@media(max-width:1720px) {
    .wp {max-width:1388px}
    .inpro-content1{width: 798px;}
    .inpro-content2{width: 562px;}
    .inpro-content3{width: 444px;}
    .inpro-interval-right{margin-right: 28px;}
    .inpro-interval-bottom{margin-bottom: 28px;}
    .incase .cat{padding-top: 150px;}
    .incase .list{width: 1056px;}
    .incase .list li{width: 236px; margin-left: 28px;}
    .incase .list li img{width: 236px;}
    .headquarters{width: 444px;}
    .headquarters img{width: 444px;}
    .inabout .info{width: 906px;}
    .class-cs ul{width: 1416px;}
    .class-cs ul li{width: 208px; height: 104px; margin: 0 28px 28px 0;}
    .class-cs ul li img{width: 208px; height: 104px;}
    .topnews{width: 562px; margin-right: 28px;}
    .topnews .pico{width: 562px;}
    .topnews .pico img{width: 562px;}
    .twonews{width: 326px;}
    .twonews li{width: 326px;}
    .twonews li img{width: 330px;}
    .listnews{width: 444px;}
    .footer .info .lx{width: 568px;}
    .footer .info dl{width: 230px;}
    .product .sort{width: 326px;}
    .product .right{width:1034px;}
    .product .right .position{margin-bottom: 28px;}
    .product .classtype{width:1062px;}
    .product .classtype li{margin: 0 28px 28px 0; width: 326px; height: 386px;}
    .product .classtype li img{width: 326px; height: 326px;}
    .product .list{width:1062px;}
    .product .list li{margin: 0 28px 28px 0; width: 326px;}
    .product .list li img{width: 326px; height: 326px;}
    .inside-boot{padding:0 90px;}
    .prospect{width: 1236px;}
    .prospect li{width: 384px; margin-right:28px;}
    .whyus ul{-moz-column-gap: 28px; -webkit-column-gap: 28px; column-gap: 28px;}
    .message{width: 690px;}
    .form-textarea{width: 645px;}
    .news .grid{width:1416px;}
    .news .grid-item{width:444px; margin:0 28px 28px 0;}
    .news .text{width: 800px;}
    .news .related{width: 400px;}
    .product .details{padding: 28px;}
    .product .photo{width: 410px; height:410px;}
    .product .text{width: 534px;}
    .product .patent{top:28px; left: 28px;}
    .case-details .content .pictures{-moz-column-count:5; -webkit-column-count:5; column-count:5; }
    .case{padding: 50px 0 20px;}
    .case .subnav{padding: 100px 0 0 50px;}
    .case .list{width: 1034px; margin-right: 50px;}
    .case .list ul{width: 1062px;}
    .case .list li{width: 326px; margin-right: 28px; float: left;}
    .about{background: #fff url(../img/about.png) no-repeat right 30px top 30px; }
    .about .text{width: 680px;}
    .production li{width: 326px; padding: 50px 28px 20px; }
    .video .list{width: 1302px;}
    .video .list li{width: 406px; margin-right: 28px;}
    .video .grid{padding:0 57px;}
    .news .text video{width: 720px; height: 405px; }
    .tags .yun a{display: block; float: left; width:14.28%;}
    .leaflets{width: 1330px; overflow: hidden;}
    .leaflets li{width: 230px;}
    .leaflets li img{width: 220px; height: 308px;}
}
@media(max-width:1560px) {
    .wp {max-width:1246px}
    nav{margin: 30px 0 0 150px;}
    .inpro-content1{width: 716px;}
    .inpro-content2{width: 504px;}
    .inpro-content3{width: 398px;}
    .inpro-interval-right{margin-right: 26px;}
    .inpro-interval-bottom{margin-bottom: 26px;}
    .inpro-box ul{margin: 60px 0 0 50px;}
    .inpro-box ul.fct{width: 200px;}
    .inpro-img3{width: 132px; height: 330px; top:0px; right: 0;}
    .inpro-img4{width: 160px; height: 160px; top:150px; right: 20px;}
    .inpro-img5{width: 160px; height: 240px; top:90px; right: 0;}
    .incase{background:#fff url(../img/solution.png) no-repeat top left -20px;}
    .incase .cat{width: 240px; padding-top:140px;}
    .incase .list{width: 952px; padding: 50px 40px 20px 0;}
    .incase .list li{width: 212px; margin-left: 26px;}
    .incase .list li img{width: 212px;}
    .headquarters{width: 398px;}
    .headquarters img{width: 398px;}
    .inabout .info{width: 802px;}
    .inabout .info h3{margin-bottom:16px;}
    .inabout .info .link{margin: 20px 0 40px;}
    .class-cs ul{width: 1272px;}
    .class-cs ul li{width: 186px; height: 93px; margin: 0 26px 26px 0;}
    .class-cs ul li img{width: 186px; height: 93px;}
    .topnews{width: 504px;}
    .topnews .pico{width: 504px;}
    .topnews .pico img{width: 504px;}
    .twonews{width: 292px;}
    .twonews li{width: 292px;}
    .twonews li img{width: 292px;}
    .listnews{width: 398px;}
    .footer .info .lx{width: 516px;}
    .footer .info dl{width: 200px;}
    .product .sort{width: 292px;}
    .product .right{width: 928px;}
    .product .right .position{margin-bottom: 26px;}
    .product .classtype{width:954px;}
    .product .classtype li{margin: 0 26px 26px 0; width: 292px; height: 386px;}
    .product .classtype li img{width: 292px; height: 292px;}
    .product .list{width:954px;}
    .product .list li{margin: 0 26px 26px 0; width: 292px; }
    .product .list li img{width: 292px; height: 292px;}
    .inside-boot{padding:0 84px;}
    .prospect{width: 1104px;}
    .prospect li{width: 342px; margin-right:26px;}
    .whyus ul{-moz-column-gap: 26px; -webkit-column-gap: 26px; column-gap: 26px;}
    .contact .info{width: 530px; padding-left:50px;}
    .message{width: 600px; padding:143px 50px 0 0;}
    .form-input{width: 250px;}
    .form-textarea{width: 550px;}
    .news .grid{width:1276px;}
    .news .grid-item{width:398px; margin:0 26px 26px 0;}
    .news .text{width: 720px;}
    .news .related{width: 330px;}
    .product .details{padding: 26px;}
    .product .photo{width: 370px; height:370px;}
    .product .text{width: 476px;}
    .product .patent{top:26px; left: 26px;}
    .case{padding: 45px 0 15px;}
    .case-details .content .pictures{-moz-column-count:4; -webkit-column-count:4; column-count:4; }
    .case .subnav{width:190px; padding: 100px 0 0 45px;}
    .case .list{width: 928px; margin-right: 45px;}
    .case .list ul{width: 954px;}
    .case .list li{width: 292px; margin-right: 26px; float: left;}
    .about .text{width: 560px;}
    .production li{width: 292px; padding: 50px 26px 20px; }
    .video .list{width: 1158px;}
    .video .list li{width: 360px; margin-right: 26px;}
    .news .text video{width: 640px; height: 360px; }
    .tags .yun a{display: block; float: left; width:16.66%;}
    .leaflets{width: 1160px; overflow: hidden;}
    .leaflets li{width: 202px;}
    .leaflets li img{width: 192px; height: 269px;}
}